<style type="text/css">
    .advertisement-pic{
        width: 560px;
        margin-right: 8px;
        background-size:560px 52px;
    }
    .advertisementPicTime{
        margin-right: 35px;
        position: absolute;
        right: 2px;
        top: -10px;
    }
    .advertisementPicTime strong{color:#fff;font-size:16px;font-style: normal;}
    @media screen and (min-width:960px) and (max-width:1445px){
        .advertisement-pic{
            width: 440px;
            background-size:440px 52px ;
            margin-right: 8px;
            background-repeat:no-repeat ;
        }   
        .advertisementPicTime{
            margin-right: 5px;
        }
        .advertisementPicTime strong{color:#fff;font-size:14px;font-style: normal;}*/
        .ad-word{
            color:#fff;font-size:14px;font-style: normal;height: 16px;
        }
    }
    @media screen and (max-width: 1200px){
        .advertisement-pic{
            width: 350px;
            background-size:350px 52px ;
            margin-right: 8px;
        }
        .advertisementPicTime{
            margin-right: 0px;
        }
        .advertisementPicTime strong{color:#fff;font-size:12px;font-style: normal;}
        .ad-word{
            color:#fff;font-size:12px;font-style: normal;height: 16px;
        }
    }
    .ad-word{
        color:#fff;font-size:14px;font-style: normal;height: 20px;
    }
    .day-show-advertisementPicTime{
        margin-left:18px;
    }
</style>
<script type="text/javascript">
	var adHost = '{$Think.const.QRMASTER_URL}';
</script>
<div id="doc-header" class="navbar" data-symbol = "{$hotelDefaultSymbol}" >
    <div class="pull-left">
        <ul class="menu-horizontal">
            <li>
                <a id="doc-header-logo" class="without-min-width btn" href="/">
                    <img class="img-logo" src="/Public/uclbrt/image/logo_white_en.png?rev=725fc017a533f6ccffbd9a3262f358a8">
                </a>
            </li>
            <notempty name="navbarHotels">
                <li class='dropdown <eq name="currentHotel" value="">hidden</eq>' id="navbar-hotel-switch" data-currenthotel='{$currentHotel}' data-hotelusage='{$hotelUsage}'>
                    <ul id="doc-header-brand-dropdown" class="dropdown-menu dropdown-menu-attach">
                        <div class="scrollContainer">
                            <foreach name="navbarHotels" item="navbarHotel">
                                <li><a class='nowrap-content <eq name="navbarHotel.hotelentity_id" value="$currentHotel">active</eq> <eq name="navbarHotel.status" value="1">hidden</eq>' href="javascript:void(0)" data-hotel="{$navbarHotel.hotelentity_id}">{$navbarHotel.name}</a></li>
                            </foreach>                            
                        </div>    
                    </ul>
                    <a id="doc-header-brand" data-toggle="dropdown" class="btn" href="javascript:void(0);"><div class="nowrap-content" style="display:inline-block;max-width:142px;">{$hotelName}</div>&nbsp;<span class="caret" style="position: absolute;top: 50%;margin-top: -2px;"></span></a>
                </li>
            </notempty>
        </ul>
    </div>
    <div class="pull-right">
        <ul class="menu-horizontal" id="doc-header-main-menu">
            <li style="position: relative;">
                <a class="[navbar-menu-room] btn" href="/Home/BookPage/index.html?hotel={$currentHotel}">Room state</a>
                <div class="guidance-box thirdly-guidance-box hidden">
                    <div class="guidance-next">Room state</div>
                    <div class="thirdly-guidance">
                        <img src="/Public/uclbrt/image/guidance03-en.png"/>
                        <div class="next-step"></div>
                        <div class="close-guidance"></div>
                    </div> 
                </div>                
            </li>
            <if condition="checkAccess($adminAuthority,'Home/ReportPage/index,Home/ReportPage/finance,Home/ReportPage/room,Home/ReportPage/accountview,Home/ReportPage/vip,Home/ReportPage/charity')">
                <li style="position: relative;" id="guidancePageStatisticsOriginal">
                     <if condition="checkAccess($adminAuthority,'Home/ReportPage/index')">
                        <a class="[navbar-menu-statistic] btn" href="/Home/ReportPage/index.html?hotel={$currentHotel}">Statistics</a>
                        <elseif condition="checkAccess($adminAuthority,'Home/ReportPage/finance')"/>
                            <a class="[navbar-menu-statistic] btn" href="/Home/ReportPage/finance.html?hotel={$currentHotel}">Statistics</a>
                        <elseif condition="checkAccess($adminAuthority,'Home/ReportPage/room')"/>
                            <a class="[navbar-menu-statistic] btn" href="/Home/ReportPage/room.html?hotel={$currentHotel}">Statistics</a>
                        <elseif condition="checkAccess($adminAuthority,'Home/ReportPage/accountview')"/>
                            <a class="[navbar-menu-statistic] btn" href="/Home/ReportPage/accountview.html?hotel={$currentHotel}">Statistics</a>
                        <elseif condition="checkAccess($adminAuthority,'Home/ReportPage/vip')"/>
                            <a class="[navbar-menu-statistic] btn" href="/Home/ReportPage/vip.html?hotel={$currentHotel}">Statistics</a>
                        <elseif condition="checkAccess($adminAuthority,'Home/ReportPage/charity')"/>
                            <a class="[navbar-menu-statistic] btn" href="/Home/ReportPage/charity.html?hotel={$currentHotel}">Statistics</a>
                        <else/>
                    </if>
                    <div class="guidance-box four-guidance-box hidden">
                        <div class="guidance-next">Statistics</div>
                        <div class="four-guidance">
                            <img src="/Public/uclbrt/image/guidance04-en.png"/>
                            <div class="next-step"></div>
                            <div class="close-guidance"></div>
                        </div> 
                    </div>     
                </li>
            </if>
            <li style="position: relative;" id="guidancePageStatistics" class="hidden">
                <a class="[navbar-menu-statistic] btn">Statistics</a>
                <div class="guidance-box four-guidance-box hidden">
                    <div class="guidance-next">Statistics</div>
                    <div class="four-guidance">
                        <img src="/Public/uclbrt/image/guidance04-en.png"/>
                        <div class="next-step"></div>
                        <div class="close-guidance"></div>
                    </div> 
                </div>     
            </li>            
        </ul>
        <ul class="menu-horizontal hidden" id="advertisementPic">
            <li>
                <a href="/Home/PublicPage/advertisement.html" target="_blank" class="advertisement-pic" style="height: 52px;line-height:52px;font-size: 14px;padding: 0;">
                    <div class="advertisementPicTime">
                        <div class="ad-word">Special offer for only：</div>
                        <strong id="day_show">0d</strong>
                        <strong id="hour_show">0h</strong>
                        <strong id="minute_show">0m</strong>
                        <strong id="second_show">0s</strong>
                    </div>
                </a>
            </li>
        </ul>
        <ul class="menu-horizontal" id="doc-header-icon-menu">
            <if condition="checkAccess($adminAuthority,'Home/OrderPage/index')">
                <li id="guidancePageOrderOriginal">
                    <a class="[navbar-menu-order] without-min-width btn" href="/order.html?hotel={$currentHotel}"><span class="iconfont new-icon-order"></span>
                    <span class="icon-menu-tooltip">Order</span>
                    </a>
                    <div class="guidance-box five-guidance-box hidden">
                        <div class="guidance-next"><span class="iconfont new-icon-order"></span></div>
                        <div class="five-guidance">
                            <img src="/Public/uclbrt/image/guidance05-en.png"/>
                            <div class="next-step"></div>
                            <div class="close-guidance"></div>
                        </div> 
                    </div>
                </li>
            </if>
            <li id="guidancePageOrder" class="hidden">
                <a class="[navbar-menu-order] without-min-width btn"><span class="iconfont new-icon-order"></span>
                <span class="icon-menu-tooltip">Order</span>
                </a>
                <div class="guidance-box five-guidance-box hidden">
                    <div class="guidance-next"><span class="iconfont new-icon-order"></span></div>
                    <div class="five-guidance">
                        <img src="/Public/uclbrt/image/guidance05-en.png"/>
                        <div class="next-step"></div>
                        <div class="close-guidance"></div>
                    </div> 
                </div>
            </li>            
            <li>
                <a class="[navbar-menu-setting] without-min-width btn" href="/Home/InterfaceServerPage/WindowsClient.html?hotel={$currentHotel}"><span class="iconfont new-icon-serve">
                </span><span class="icon-menu-tooltip">Product and Service</span>
                </a>
                <div class="guidance-box six-guidance-box hidden">
                    <div class="guidance-next"><span class="iconfont new-icon-serve"></span></div>
                    <div class="six-guidance">
                        <img src="/Public/uclbrt/image/guidance06-en.png"/>
                        <div class="next-step"></div>
                        <div class="close-guidance"></div>
                    </div> 
                </div>
            </li> 
            <if condition="checkAccess($adminAuthority, 'Home/BookSettingPage/index')">
                <li id="guidancePageBookOriginal">
                    <a class="[navbar-menu-setting] without-min-width btn" href="/Home/BookSettingPage/index.html?hotel={$currentHotel}"><span class="iconfont icon-thlist">
                    </span><span class="icon-menu-tooltip">QRBooking</span>
                    </a>
                    <div class="guidance-box seven-guidance-box hidden">
                        <div class="guidance-next"><span class="iconfont icon-thlist"></span></div>
                        <div class="seven-guidance">
                            <img src="/Public/uclbrt/image/guidance07-en.png"/>
                            <div class="next-step"></div>
                            <div class="close-guidance"></div>
                        </div> 
                    </div>
                </li>
            <elseif condition="checkAccess($adminAuthority, 'Home/HotelPage/reconciliation')"/>
                <li id="guidancePageBookOriginal">
                    <a class="[navbar-menu-setting] without-min-width btn" href="/Home/HotelPage/reconciliation.html?hotel={$currentHotel}"><span class="iconfont icon-thlist">
                    </span><span class="icon-menu-tooltip">QRBooking</span>
                    </a>
                    <div class="guidance-box seven-guidance-box hidden">
                        <div class="guidance-next"><span class="iconfont icon-thlist"></span></div>
                        <div class="seven-guidance">
                            <img src="/Public/uclbrt/image/guidance07-en.png"/>
                            <div class="next-step"></div>
                            <div class="close-guidance"></div>
                        </div>
                    </div>
                </li>
            <elseif condition="checkAccess($adminAuthority, 'Home/HotelPage/refund')"/>
                <li id="guidancePageBookOriginal">
                    <a class="[navbar-menu-setting] without-min-width btn" href="/Home/HotelPage/refund.html?hotel={$currentHotel}"><span class="iconfont icon-thlist">
                    </span><span class="icon-menu-tooltip">QRBooking</span>
                    </a>
                    <div class="guidance-box seven-guidance-box hidden">
                        <div class="guidance-next"><span class="iconfont icon-thlist"></span></div>
                        <div class="seven-guidance">
                            <img src="/Public/uclbrt/image/guidance07-en.png"/>
                            <div class="next-step"></div>
                            <div class="close-guidance"></div>
                        </div>
                    </div>
                </li>
            </if>
            <li id="guidancePageBook" class="hidden">
                <a class="[navbar-menu-setting] without-min-width btn" ><span class="iconfont icon-thlist">
                </span><span class="icon-menu-tooltip">QRBooking</span>
                </a>
                <div class="guidance-box seven-guidance-box hidden">
                    <div class="guidance-next"><span class="iconfont icon-thlist"></span></div>
                    <div class="seven-guidance">
                        <img src="/Public/uclbrt/image/guidance07-en.png?rev=1"/>
                        <div class="next-step"></div>
                        <div class="close-guidance"></div>
                    </div> 
                </div>
            </li>              

            <li>
                <a class="[navbar-menu-setting] without-min-width btn" href="/Home/AccountPage/index.html?hotel={$currentHotel}"><span class="iconfont new-icon-setting">
                </span><span class="icon-menu-tooltip">Setting</span>
                </a>
                <div class="guidance-box second-guidance-box hidden">
                    <div class="guidance-next"><span class="iconfont new-icon-setting"></span></div>
                    <div class="second-guidance">
                        <img src="/Public/uclbrt/image/guidance02-en.png"/>
                        <div class="next-step"></div>
                        <div class="close-guidance"></div>
                    </div> 
                </div>
            </li>
            <li class="dropdown home_page_dropdown">
                <a  data-toggle="dropdown"  href="javascript:void(0);">
                    <switch name="Think.LANG_SET" >
                    <case value="en_us">English</case>
                    <case value="zh_tw">繁体</case>
                    <default />简体
                    </switch>
                    &nbsp;<span class="caret"></span>
                </a>
                <ul class="languageSwitch dropdown-menu dropdown-menu-right ">
                    <li><a href="javascript:void(0)" data-language="zh_cn">简体</a></li>
                    <li><a href="javascript:void(0)" data-language="zh_tw">繁体</a></li>
                    <li><a href="javascript:void(0)" data-language="en_us">English</a></li>
                </ul>
            </li>
        </ul>
        <ul class="menu-horizontal menu-horizontal-login">
            <li>
                <div id="adminId" style="background-image: url({$adminLogin.headpath});" data-id=<?php echo session(C('USER_ID')) ?> ></div>
            </li>
            <a href="/logout.html">Sign out</a>
        </ul>
    </div>
</div>
